<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        $("#nombre").focus();
        cargarRolesExistentes();
    });
    
    function cargarRolesExistentes() {
        var parametros = {
            "accion" :  "getRoles"
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#rolesExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#rolesExistentes").html(respuesta);
            }
        });
    }
    
    function eliminarRol(idRol) {
        var parametros = {
            "accion" :  "eliminarRol",
            "idRol" :   idRol   
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#rolesExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function() {
                cargarRolesExistentes();
            }
        });
    }
    
    function editarLabel(idRol) {
        var parametros = {
            "accion" :  "editarLabel",
            "idRol" :   idRol
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idRol).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(response) {
                $("#"+idRol).html(response);
            }
        });
    }
    
    $("#agregarRol").click(function() {
        var parametros = {
            "accion" :  "agregarRol",
            "nombre" :  $("#nombre").val()
        };
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultado").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultado").html(respuesta);
                
            }
        });
    });
    
    function guardarRol(idRol) {
        var parametros = {
            "accion" :  "guardarRol",
            "idRol" :   idRol,
            "nombre" :  $("#label-"+idRol).val()
        }
        $.ajax({
            data:   parametros,
            url:    'controladores/rolControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#"+idRol).html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(response) {
                $("#"+idRol).html(response);
            }
        });
    }
</script>

<h4>Alta de Roles</h4>
<p>
    <label >Nombre: </label>
    <input type="text" name="nombre" id="nombre" maxlength="45" style="float: left;" /> <div id="resultado"></div>
</p>

<p style="clear: both;">
    <input type="button" class="btn btn-success" id="agregarRol" value="Agregar" />
</p>

<br /><br />
<h4>Roles existentes</h4>
<p>
    <div id="rolesExistentes"></div>
</p>